<template>
  <div class="container">
      <section id="services" class="section">
          <div class="row">
              <div class="col-xs-12 col-sm-4">
                  <!--TODO-->
                  <!--跳转到我的订阅界面-->
                  <a href="" class="sbox">
                      <div class="sbox-inner">
                          <span class="sbox-icon"><i class="fa fa-bell-o"></i></span>
                          <h5 class="sbox-title">我的帖子</h5>
                      </div>
                  </a>
              </div>
              <!-- /.col-sm-4 -->
              <div class="col-xs-12 col-sm-4">
                  <!--TODO-->
                  <!--跳转到我的收藏界面-->
                  <a href="" class="sbox">
                      <div class="sbox-inner">
                          <span class="sbox-icon"><i class="fa fa-star"></i></span>
                          <h5 class="sbox-title">我的收藏</h5>
                      </div>
                  </a>
              </div>
              <!-- /.col-sm-4 -->
              <div class="col-xs-12 col-sm-4">
                  <!--TODO-->
                  <!--跳转到我的消息界面-->
                  <a href="" class="sbox">
                      <div class="sbox-inner">
                          <span class="sbox-icon"><i class="fa fa-comment"></i></span>
                          <h5 class="sbox-title">我的消息</h5>
                      </div>
                  </a>
              </div>
              <!-- /.col-sm-4 -->
          </div>
          <!-- /.row -->
      </section>
      <!-- /#services -->
      <section id="caroufredsel-portfolio" class="section type3">
          <div class="row cnbox">
              <div class="col-md-4">
                  <div class="cbox">
                      <h3 class="cbox-title">最近访问</h3>
                      <span class="cbox-counter">12+</span>
                  </div>
              </div>
              <div class="col-md-8">
                  <div class="nbox">
                      <p class="lead">Donec in velit vel ipsum auctor pulvinar. Vesti bulum iaculis lacinia est. Proin dictum elementum velit. Fusce euismod auctor pulvinar. Donec in velit vel ipsum auctor pulvinar.</p>
                      <div class="controls">
                          <span id="portfolio-prev" class="prev black"><i class="fa fa-angle-left"></i></span>
                          <span id="portfolio-next" class="next black"><i class="fa fa-angle-right"></i></span>
                      </div>
                  </div>
              </div>
          </div>
          <div class="hide-overflow">
              <div class="row">
                  <div id="caroufredsel-portfolio-container">

                      <!--帖子-->
                      <div class="col-xs-12 col-sm-6 col-md-4 portfolio-item-wrapper artwork creative">
                          <div class="portfolio-item type2">
                              <div class="portfolio-thumb">
                                  <img src="static/img/general/img1.jpg" class="img-responsive" alt="1st Portfolio Thumb">
                                  <div class="image-overlay"></div>
                                  <a href="static/img/general/img1.jpg" data-rel="prettyPhoto[pp_gal]" class="portfolio-zoom"><i class="fa fa-plus"></i></a>
                                  <a href="portfolio-item-1.html" class="portfolio-link"><i class="fa fa-link"></i></a>
                              </div>
                              <div class="portfolio-details">
                                  <div class="portfolio-meta">
                                      <!--TODO-->
                                      <!--展示帖子-->
                                      <span class="portfolio-date"><i class="fa fa-clock-o"></i> <a href="#">&nbsp; 17 August, 2020</a></span>
                                      <span class="portfolio-likes"><i class="fa fa-heart-o"></i> <a href="#">&nbsp; 12</a></span>
                                  </div>
                                  <h5 class="portfolio-title"><a href="">Has labitur disputando at, enim.</a></h5>
                              </div>
                          </div>
                      </div>
                      <!--帖子-->

                      <!-- /.portfolio-item-wrapper -->
                      <div class="col-xs-12 col-sm-6 col-md-4 portfolio-item-wrapper nature outside">
                          <div class="portfolio-item type2">
                              <div class="portfolio-thumb">
                                  <img src="static/img/general/img2.jpg" class="img-responsive" alt="2nd Portfolio Thumb">
                                  <div class="image-overlay"></div>
                                  <a href="static/img/general/img2.jpg" data-rel="prettyPhoto[pp_gal]" class="portfolio-zoom"><i class="fa fa-plus"></i></a>
                                  <a href="portfolio-item-1.html" class="portfolio-link"><i class="fa fa-link"></i></a>
                              </div>
                              <div class="portfolio-details">
                                  <div class="portfolio-meta">
                                      <span class="portfolio-date"><i class="fa fa-clock-o"></i> <a href="#">&nbsp; 17 August, 2020</a></span>
                                      <span class="portfolio-likes"><i class="fa fa-heart-o"></i> <a href="#">&nbsp; 12</a></span>
                                  </div>
                                  <h5 class="portfolio-title"><a href="">Eu decore iisque sit.</a></h5>
                              </div>
                          </div>
                      </div>
                      <!-- /.portfolio-item-wrapper -->
                      <div class="col-xs-12 col-sm-6 col-md-4 portfolio-item-wrapper photography artwork">
                          <div class="portfolio-item type2">
                              <div class="portfolio-thumb">
                                  <img src="static/img/general/img3.jpg" class="img-responsive" alt="3rd Portfolio Thumb">
                                  <div class="image-overlay"></div>
                                  <a href="static/img/general/img3.jpg" data-rel="prettyPhoto[pp_gal]" class="portfolio-zoom"><i class="fa fa-plus"></i></a>
                                  <a href="portfolio-item-1.html" class="portfolio-link"><i class="fa fa-link"></i></a>
                              </div>
                              <div class="portfolio-details">
                                  <div class="portfolio-meta">
                                      <span class="portfolio-date"><i class="fa fa-clock-o"></i> <a href="#">&nbsp; 17 August, 2020</a></span>
                                      <span class="portfolio-likes"><i class="fa fa-heart-o"></i> <a href="#">&nbsp; 12</a></span>
                                  </div>
                                  <h5 class="portfolio-title"><a href="">Illum dolorum accommodare.</a></h5>
                              </div>
                          </div>
                      </div>
                      <!-- /.portfolio-item-wrapper -->
                      <div class="col-xs-12 col-sm-6 col-md-4 portfolio-item-wrapper creative nature">
                          <div class="portfolio-item type2">
                              <div class="portfolio-thumb">
                                  <img src="static/img/general/img4.jpg" class="img-responsive" alt="4th Portfolio Thumb">
                                  <div class="image-overlay"></div>
                                  <a href="static/img/general/img4.jpg" data-rel="prettyPhoto[pp_gal]" class="portfolio-zoom"><i class="fa fa-plus"></i></a>
                                  <a href="portfolio-item-1.html" class="portfolio-link"><i class="fa fa-link"></i></a>
                              </div>
                              <div class="portfolio-details">
                                  <div class="portfolio-meta">
                                      <span class="portfolio-date"><i class="fa fa-clock-o"></i> <a href="#">&nbsp; 17 August, 2020</a></span>
                                      <span class="portfolio-likes"><i class="fa fa-heart-o"></i> <a href="#">&nbsp; 12</a></span>
                                  </div>
                                  <h5 class="portfolio-title"><a href="">Eu aeque nusquam mea, ne est.</a></h5>
                              </div>
                          </div>
                      </div>
                      <!-- /.portfolio-item-wrapper -->
                      <div class="col-xs-12 col-sm-6 col-md-4 portfolio-item-wrapper nature">
                          <div class="portfolio-item type2">
                              <div class="portfolio-thumb">
                                  <img src="static/img/general/img5.jpg" class="img-responsive" alt="5th Portfolio Thumb">
                                  <div class="image-overlay"></div>
                                  <a href="static/img/general/img5.jpg" data-rel="prettyPhoto[pp_gal]" class="portfolio-zoom"><i class="fa fa-plus"></i></a>
                                  <a href="portfolio-item-1.html" class="portfolio-link"><i class="fa fa-link"></i></a>
                              </div>
                              <div class="portfolio-details">
                                  <div class="portfolio-meta">
                                      <span class="portfolio-date"><i class="fa fa-clock-o"></i> <a href="#">&nbsp; 17 August, 2020</a></span>
                                      <span class="portfolio-likes"><i class="fa fa-heart-o"></i> <a href="#">&nbsp; 12</a></span>
                                  </div>
                                  <h5 class="portfolio-title"><a href="">Mei no modo vitae mentitum.</a></h5>
                              </div>
                          </div>
                      </div>
                      <!-- /.portfolio-item-wrapper -->
                  </div>
                  <!-- /.caroufredsel-portfolio-container -->
              </div>
              <!-- /.row -->
          </div>
      </section>
  </div>
</template>

<script>
export default {
  name: "mysection",
  components: {
  },
  methods: {
  },
  data() {
      return {
      }
  }
}
</script>